<template>
  <el-table class="family-info" :data="tableData" border style="width: 100%">
      <el-table-column prop="memberName" label="成员名称" width="120" align="center" />
      <el-table-column prop="relation" label="关系" align="center" width="100" />
      <el-table-column prop="age" label="年龄" width="100" align="center" />
      <el-table-column prop="phone" label="联系电话" align="center" width="150" />
      <el-table-column prop="address" label="住址" header-align="center" min-width="200" />
      <el-table-column prop="workUnit" label="工作单位" min-width="150" align="center" />
      <el-table-column prop="createTime" label="创建时间" width="110" align="center" />
  </el-table>
</template>
<script setup lang="ts">
import { ref } from 'vue'

const tableData = ref([
  {
    memberName: '张三',
    relation: '父亲',
    age: 60,
    phone: '13800138000',
    address: '北京市海淀区',
    workUnit: '北京市海淀区人民政府',
    createTime: '2021-01-01 12:00:00'
  }
])
</script>
<style scoped lang="scss">

</style>

